$(function () {
    layui.use(['form'], function () {
        // 得到layui的属性：form表单
        let form = layui.form;
        form.on('submit(login)', function (data) {
            data = data.field;
            $.ajax({
                url: '/login',//这里对应Javaservlet里面的WebServlet的注解
                data: data,//传递到后台的数据对象
                type: 'post',//对应后台的方法
                dataType: 'json',//后台传递给前端的数据格式，永远不变
                success: function (res) {//如果调用成功，则得到返回的数据
                    console.log(res);
                    if (res.count === -1) {
                        layer.msg("验证码错误，请重新输入验证码");
                        $("#code").val('');//将当前的input表单重新赋值
                        $("#code").focus();
                    } else if (res.count === 0) {
                        layer.msg("用户名或者密码错误，请重新输入");
                        $("#username").focus();
                    } else {
                        // 登录成功后，需要再另一个页面拿到当前的用户名
                        // 需要将值，存到session或者application
                        sessionStorage.setItem("username", data.username);
                        //    登录成功后跳转到后台管理页面
                        window.location.href = '/html/index.html';
                    }
                }
            });
            //不让按钮进行跳转页面(刷新页面)
            return false;
        });
    });
})

function changeCode(obj) {
    // $(obj) jQuery的得到对象
    // 浏览器有一个保护机制，访问后台如果地址一样，则直接从缓存里面取数据
    // 为了让地址不一样，则每一次可以传递一个不同的参数
    $(obj).attr("src", "/code?aa=" + Math.random());
//    js 得到焦点
//    js 拿到对象 一般用id
//     $("#code").focus();
}